#:import get_color_from_hex kivy.utils.get_color_from_hex


<Buttons@MDScreen>
    name: "buttons"

    BoxLayout:
        orientation: "vertical"
        spacing: "10dp"

        Toolbar:
            id: toolbar

        ScrollView:
            pos_hint: {"center_x": .5}
            bar_width: 0

            MDBoxLayout:
                adaptive_height: True
                orientation: "vertical"

                MDBoxLayout:
                    id: box
                    padding: "10dp"
                    adaptive_size: True
                    spacing: "10dp"
                    orientation: "vertical"
                    pos_hint: {"center_x": .5}

                    MDBoxLayout:
                        adaptive_width: True
                        size_hint_y: None
                        height: "56dp"
                        spacing: "10dp"
                        pos_hint: {"center_x": .5}

                        MDIconButton:
                            icon: "sd"

                        MDFloatingActionButton:
                            icon: "plus"
                            opposite_colors: True
                            elevation: 8
                            md_bg_color: 1, 0, 0, 1

                        MDFloatingActionButton:
                            icon: "check"
                            opposite_colors: True
                            elevation: 8
                            md_bg_color: app.theme_cls.primary_color

                        MDIconButton:
                            icon: "sd"
                            theme_text_color: "Custom"
                            text_color: app.theme_cls.primary_color

                    MDFlatButton:
                        text: "MDFlatButton"
                        pos_hint: {"center_x": .5}

                    MDRaisedButton:
                        text: "MDRaisedButton"
                        elevation: 8
                        opposite_colors: True
                        pos_hint: {"center_x": .5}

                    MDRectangleFlatButton:
                        text: "MDRectangleFlatButton"
                        pos_hint: {"center_x": .5}

                    MDRectangleFlatIconButton:
                        text: "MDRectangleFlatIconButton"
                        icon: "language-python"
                        pos_hint: {"center_x": .5}

                    MDRoundFlatButton:
                        text: "MDRoundFlatButton"
                        pos_hint: {"center_x": .5}

                    MDRoundFlatIconButton:
                        text: "MDRoundFlatIconButton"
                        icon: "language-python"
                        pos_hint: {"center_x": .5}

                    MDFillRoundFlatButton:
                        text: "MDFillRoundFlatButton"
                        pos_hint: {"center_x": .5}

                    MDFillRoundFlatIconButton:
                        text: "MDFillRoundFlatIconButton"
                        icon: "language-python"
                        pos_hint: {"center_x": .5}

                    MDTextButton:
                        text: "MDTextButton"
                        pos_hint: {"center_x": .5}

                    MDBoxLayout:
                        orientation: "vertical"
                        spacing: "10dp"
                        adaptive_size: True
                        pos_hint: {"center_x": .5}

                        MDSeparator:

                        Label:
                            text: "Disabled buttons"
                            color: app.theme_cls.text_color
                            font_size: sp(20)
                            size_hint: None, None
                            size: self.texture_size

                        MDSeparator:

                    ########################################
                    #            DISABLED BUTTONS
                    ########################################

                    MDBoxLayout:
                        adaptive_width: True
                        size_hint_y: None
                        height: "56dp"
                        spacing: "10dp"
                        pos_hint: {"center_x": .5}

                        MDIconButton:
                            icon: "sd"
                            disabled: True

                        MDFloatingActionButton:
                            icon: "plus"
                            opposite_colors: True
                            disabled: True

                        MDFloatingActionButton:
                            icon: "check"
                            opposite_colors: True
                            disabled: True

                        MDIconButton:
                            icon: "sd"
                            theme_text_color: "Custom"
                            disabled: True

                    MDFlatButton:
                        text: "MDFlatButton"
                        pos_hint: {"center_x": .5}
                        disabled: True

                    MDRaisedButton:
                        text: "MDRaisedButton"
                        disabled: True
                        opposite_colors: True
                        pos_hint: {"center_x": .5}

                    MDRectangleFlatButton:
                        text: "MDRectangleFlatButton"
                        pos_hint: {"center_x": .5}
                        disabled: True

                    MDRectangleFlatIconButton:
                        text: "MDRectangleFlatIconButton"
                        icon: "language-python"
                        disabled: True
                        pos_hint: {"center_x": .5}

                    MDRoundFlatButton:
                        text: "MDRoundFlatButton"
                        pos_hint: {"center_x": .5}
                        disabled: True

                    MDRoundFlatIconButton:
                        text: "MDRoundFlatIconButton"
                        icon: "language-python"
                        disabled: True
                        pos_hint: {"center_x": .5}

                    MDFillRoundFlatButton:
                        text: "MDFillRoundFlatButton"
                        pos_hint: {"center_x": .5}
                        disabled: True

                    MDFillRoundFlatIconButton:
                        text: "MDFillRoundFlatIconButton"
                        icon: "language-python"
                        pos_hint: {"center_x": .5}
                        disabled: True

                    MDTextButton:
                        text: "MDTextButton"
                        pos_hint: {"center_x": .5}
                        disabled: True

                    MDBoxLayout:
                        orientation: "vertical"
                        spacing: "10dp"
                        adaptive_size: True
                        pos_hint: {"center_x": .5}

                        MDSeparator:

                        Label:
                            text: "Button customization"
                            color: app.theme_cls.text_color
                            font_size: "20sp"
                            size_hint: None, None
                            size: self.texture_size
                            pos_hint: {"center_x": .5}

                        MDSeparator:

                        ########################################
                        #         CUSTOMIZATION BUTTONS
                        ########################################

                        MDRaisedButton:
                            text: "MDRaisedButton"
                            elevation: 8
                            theme_text_color: "Custom"
                            text_color: get_color_from_hex("#001975")
                            md_bg_color: get_color_from_hex("#D40078")
                            pos_hint: {"center_x": .5}

                        MDRectangleFlatButton:
                            text: "MDRectangleFlatButton"
                            pos_hint: {"center_x": .5}
                            theme_text_color: "Custom"
                            text_color: get_color_from_hex("#C37C4C")

                        MDRoundFlatButton:
                            text: "MDRoundFlatButton"
                            pos_hint: {"center_x": .5}
                            theme_text_color: "Custom"
                            text_color: get_color_from_hex("#A23651")
                            line_color: get_color_from_hex("#366EA1")
                            line_width: 2

                        MDFillRoundFlatIconButton:
                            text: "MDFillRoundFlatIconButton"
                            icon: "language-python"
                            pos_hint: {"center_x": .5}
                            theme_text_color: "Custom"
                            text_color: 1, 1, 0, 1
                            icon_color: 0, 1, 0, 1
                            md_bg_color: get_color_from_hex("#552A7D")

                    MDBoxLayout:
                        orientation: "vertical"
                        spacing: "10dp"
                        adaptive_size: True
                        pos_hint: {"center_x": .5}

                        MDSeparator:

                        Label:
                            text: "MDIconButton customization"
                            color: app.theme_cls.text_color
                            font_size: "20sp"
                            size_hint: None, None
                            size: self.texture_size
                            pos_hint: {"center_x": .5}

                        MDSeparator:

                        MDBoxLayout:
                            spacing: "10dp"
                            adaptive_size: True
                            pos_hint: {"center_x": .5, "center_y": .5}

                            MDIconButton:
                                icon: "language-python"
                                user_font_size: "15sp"

                            MDIconButton:
                                icon: "language-python"
                                user_font_size: "20sp"

                            MDIconButton:
                                icon: "language-python"
                                user_font_size: "24sp"

                            MDIconButton:
                                icon: "language-python"
                                user_font_size: "36sp"

                            MDIconButton:
                                icon: "language-python"
                                user_font_size: "48sp"
